<template>
    <aside>
        <div class="search">
            <div class="content">
                <form action="/search" target="_blank" class="search-form">
                    <input type="text" name="keywords" maxlength="20" placeholder="search">
                    <input type="hidden" name="key" value="http://www.ronnie99.live">
                </form>
            </div>
        </div>
        <div class="categories">
            <h1>categories</h1>
            <div class="content">
                <ul class="category-list">
                    <li class="category-list-item">
                        <a class="category-list-link" href="/categories/dev/">development</a>
                        <ul class="category-list-child">
                            <li class="category-list-item">
                                <a class="category-list-link" href="/categories/dev/frontend/">frontend</a>
                            </li>
                            <li class="category-list-item">
                                <a class="category-list-link" href="/categories/dev/interface/">interface</a>
                            </li>
                            <li class="category-list-item">
                                <a class="category-list-link" href="/categories/dev/backend/">backend</a>
                            </li>
                        </ul>
                    </li>
                    <li class="category-list-item">
                        <a class="category-list-link" href="/categories/music/">music</a>
                    </li>
                    <li class="category-list-item">
                        <a class="category-list-link" href="/categories/football/">football</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="avatar">
            <img src="../../asset/images/1997.jpg" alt="avatar">
            <div class="content">
                I was so much older then，<br>I'm younger than that now.
                <span>—— Bob·Dylan's <i>My Back Pages</i></span>
            </div>
        </div>
    </aside>
</template>
<script type="text/babel">
    export default {}
</script>
